<template>
    <div id="promise" :class="hideBar==true?'barDisabled':''">
        <div class="h-placeholder" v-if="!hideBar"></div>
        <div class="img">
            <h3>给你的承诺</h3>
            <p class="pic_logo"></p>
            <p class="txt">
                <span>正版授权</span>
                <span>签订正式合同</span>
                <span>公司化运作</span>
            </p>
        </div>
        <div class="main-text">
            <div class="step">
                <h3>承诺一</h3>
                <p>
                    B游汇所有产品运营周期至少都在半年，除特殊不可抗力造成的关服，B游汇将会给予玩家超额补偿到其他游戏，或者跟玩家谈好相应解决方案。B游汇成立三年从未抛弃和不管过任何玩家
                </p>
            </div>
            <div class="step">
                <h3>承诺二</h3>
                <p>
                    在B游汇充值的用户在游戏下架后，必定可以将上一个游戏的充值金额100%以元宝的形式转移到指定游戏，我们有详细的转游方案。
                </p>
                <p style="font-weight:bold;">如您有需求请联系B游汇客服QQ：800824108</p>
            </div>
            <div class="step">
                <h3>承诺三</h3>
                <p>
                    在B游汇平台遇到任何困难，如果相关客服不能满意解决您的问题，您可以向质量监督人员投诉，届时我们将认真处理您的投诉，为您解决好每一个问题。
                </p>
                <p style="font-weight:bold;">投诉QQ：3004381955</p>
            </div>
        </div>
        <div class="f-placeholder" v-if="!hideBar"></div>
    </div>
</template>

<script>
    
    export default {
        data(){
            return{
                
            }
        },
        computed:{
            hideBar(){
                let url=window.location.href;
                if(url.indexOf('platform')!==-1){
                    return true;
                }else{
                    return false;
                }
            }
        }
    }
</script>

<style scoped lang="scss">
    @import '~styles/variable'; 
    @import '~styles/mixins';
    .barDisabled{
        position: fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
        z-index: 9999;
        background: #fff;
        overflow:scroll;
    }
    .h-placeholder{
        width: 100%;
        height: 1.52rem;
    }
    #promise{
        .img{
            position:relative;
            width:100%;
            height:3.2rem;
            @include bg-image('../../assets/image/pic_cnbg');
            h3{
                font-size:$font-size-l-x;
                color:#fff;
                text-align:center;
                line-height:1rem;
            }
            .pic_logo{
                width:3.5rem;
                height:1.3rem;
                margin:0 auto;
                background-size:100% 100%;
                @include bg-image('../../assets/image/pic_logo');
            }
            .txt{
                margin-top:0.2rem;
                font-size:$font-size-l;
                color:#fff;
                display:flex;
                span{
                    flex:1;
                    text-align: center;
                }
            }
        }
        .main-text{
            padding:0.3rem 0.5rem;
            .step{
                margin-bottom:0.2rem;
            }
            h3{
                margin-bottom:0.1rem;
                font-size:$font-size-l;
                font-weight:bold;
            }
            p{
                line-height:0.5rem;
                font-size:$font-size-m;
            }
        }
    }
</style>